<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">


<h:head>


	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<title>Módulos - SOTEIND S.A.S</title>
	<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />

</h:head>



<body>


	<!-- Header -->
	<div id="header">
		<div class="shell">

			<!-- Logo -->
			<h1 id="logo">
				<a href="#">SOTEIND S.A.S</a>
			</h1>
			<!-- End Logo -->

			<!-- Navigation -->
			<div class="right" style="margin-top: 40px">
				<ul>
					<li class="active"><a href="index.xhtml">Salir</a></li>
				</ul>
			</div>
			<br class="clear" />
			<!-- End Navigation -->

		</div>
	</div>
	<!-- End Header -->




	<!-- Contenido -->
	<div id="contenido">
		<div class="shell" align="center">

			<p:panelGrid columns="3">
				<f:facet name="header">
					<h3>Módulos</h3>
					<h4 align="left">
						Bienvenido:
						<h:outputText value="#{modulosBean.emplNombre}" />
						<h:outputText value="#{modulosBean.emplApellido}" />
						<br />Rol:
						<h:outputText value="#{modulosBean.rol}" />
					</h4>
				</f:facet>
				<p:panel style="margin: 20px 0px 20px 0px">
					<f:facet name="header">  
	        Módulo Compras
	    </f:facet>
					<h:outputLabel for="compras"
						value="En este módulo encontrará todo lo referente a las copras que ha realizado la empresa" />
					<center>
						<hr />
						<br />
						<p:graphicImage value="/css/images/modulos/compras.jpg"
							height="100" width="150" />
					</center>
					<f:facet name="footer">
						<center>
							<p:button value="Ingresar" icon="ui-icon-check"
								href="ModuloCompras.xhtml" />
						</center>
					</f:facet>
				</p:panel>


				<p:panel>
					<f:facet name="header">  
	        Módulo Ventas
	    </f:facet>
					<h:outputLabel for="ventas"
						value="En este módulo encontrará todo lo referente a las ventas de la empresa" />
					<center>
						<hr />
						<br />
						<p:graphicImage value="/css/images/modulos/ventas.jpg"
							height="100" width="150" />
					</center>

					<f:facet name="footer">
						<center>
							<p:button value="Ingresar" icon="ui-icon-check"
								href="ModuloVentas.xhtml" />

						</center>
					</f:facet>
				</p:panel>



				<p:panel>
					<f:facet name="header">  
	        Módulo Bodega
	    </f:facet>
					<h:outputLabel for="bodega"
						value="En este módulo encontrará información sobre los movimientos en bodega" />
					<center>
						<br />
						<hr />
						<p:graphicImage value="/css/images/modulos/bodega.jpg"
							height="100" width="150" />
					</center>
					<f:facet name="footer">
						<center>
							<p:button value="Ingresar" icon="ui-icon-check"
								href="ModuloBodega.xhtml" />
						</center>
					</f:facet>
				</p:panel>



				<p:panel>
					<f:facet name="header">  
	        Módulo Productos
	    </f:facet>
					<h:outputLabel for="productos"
						value="En este módulo encontrará información sobre los productos que ofrece nuestra empresa" />
					<center>
						<hr />
						<br />
						<p:graphicImage value="/css/images/modulos/productos.jpg"
							height="100" width="150" />
					</center>
					<f:facet name="footer">
						<center>
							<p:button value="Ingresar" icon="ui-icon-check"
								href="ModuloProductos.xhtml" />

						</center>
					</f:facet>
				</p:panel>


				<p:panel>
					<f:facet name="header">  
	        Módulo Clientes
	    </f:facet>
					<h:outputLabel for="clientes"
						value="En este módulo encontrará la información de quienes han sido clientes de la empresa" />
					<center>
						<hr />
						<br />
						<p:graphicImage value="/css/images/modulos/clientes.jpg"
							height="100" width="150" />
					</center>
					<f:facet name="footer">
						<center>
							<p:button value="Ingresar" icon="ui-icon-check"
								href="ModuloClientes.xhtml" />

						</center>
					</f:facet>
				</p:panel>


				<p:panel>
					<f:facet name="header">  
	        Módulo Proveedores
	    </f:facet>
					<h:outputLabel for="proveedores"
						value="En este módulo se encuentra la información referente a los proveedores de la empresa" />
					<center>
						<hr />
						<br />
						<p:graphicImage value="/css/images/modulos/proveedores.jpg"
							height="100" width="150" />
					</center>
					<f:facet name="footer">
						<center>
							<p:button value="Ingresar" icon="ui-icon-check"
								href="ModuloProveedores.xhtml" />
						</center>
					</f:facet>
				</p:panel>


				<p:panel>
					<f:facet name="header">  
	        Módulo Gerencia
	    </f:facet>
					<h:outputLabel for="gerencia"
						value="En este módulo entontrará la información que concierne el funcionamiento de la empresa" />
					<center>
						<hr />
						<br />
						<p:graphicImage value="/css/images/modulos/gerencia.jpg"
							height="100" width="150" />
					</center>
					<f:facet name="footer">
						<center>
							<p:button value="Ingresar" icon="ui-icon-check"
								href="ModuloGerencia.xhtml" />
						</center>
					</f:facet>
				</p:panel>


				<p:panel>
					<f:facet name="header">  
	        Módulo Empleados
	    </f:facet>
					<h:outputLabel for="empleados"
						value="Este módulo cuenta con toda la información de los empleados de nuestra empresa" />
					<center>
						<hr />
						<br />
						<p:graphicImage value="/css/images/modulos/empleados.jpg"
							height="100" width="150" />
					</center>
					<f:facet name="footer">
						<center>
							<p:button value="Ingresar" icon="ui-icon-check"
								href="ModuloEmpleado.xhtml" />
						</center>
					</f:facet>
				</p:panel>


				<p:panel>
					<f:facet name="header">  
	        Módulo Perfil
	    </f:facet>
					<h:outputLabel for="perfil"
						value="En este módulo encontrará su información personal." />
					<center>
						<hr />
						<br />
						<p:graphicImage value="/css/images/modulos/perfil.jpg"
							height="100" width="150" />
					</center>
					<f:facet name="footer">
						<center>
							<p:button value="Ingresar" icon="ui-icon-check"
								href="ModuloPerfil.xhtml" />
						</center>
					</f:facet>
				</p:panel>
			</p:panelGrid>

		</div>
	</div>
	<!-- End contenido -->







	<!-- Footer -->
	<div id="footer">
		<div class="shell">

			<!-- Footer Logo -->
			<a href="#" class="notext footer-logo">Company Name</a>
			<!-- End Footer -->

			<!-- Footer Nav -->
			<div class="right">
				<p>&nbsp;</p>
				<p>
					&copy; Soteind.com. Diseño: <a href="http://dbdg2.webnode.es/">Web
						Grupo</a>
				</p>
			</div>
			<!-- End Footer Nav -->

		</div>
	</div>
	<!-- End Footer -->
</body>
</html>